<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<!-- 展示View视图 -->
		<div id="app">
			{{msg}}
			<hr >
			<!-- 插值表达式不能作为值 -->
			<a href="{{site.name}}">{{site.name}}</a>
			<hr >
			<!-- 未解析，当做普通变量直接使用 -->
			<a href="site.url">{{site.name}}</a>
			<hr >
			<!-- v-bind 把后面的内容改造为vue变量 -->
			<a v-bind:href="site.url">{{site.name}}</a>
			<hr >
			<!-- 简写 -->
			<a :href="site.url">{{site.name}}</a>
		</div>  
	</body>
	
	<script type="text/javascript">
		 /* 把数据传递给展示    ViewModel*/
		 new Vue({  
			el:"#app",
			/* 数据提供----Model模型 */
			data:{
				msg:"道彰，则恶不显；道晦，则神剑出",
				site:{
					name:"java培优网",
					url:"http://act.codeboy.com"
				}
			}
		 });
	</script>
</html>
